// 列表页统一样式
.list-page {
  display: flex;
  // flex-direction: column;
  padding: 10px;
  max-height: 100%;
  overflow: hidden;

  .settings {
    padding: 0;
    display: flex;
    align-items: flex-start;
    transition: all 0.4s;
    max-height: 46vh;
    overflow: hidden;
    height: 39px !important;

    &.open {
      overflow-y: auto;
      height: auto !important;
    }

    .other {
      font-weight: bold;
      font-size: 20px;
    }

    .search-form {
      width: 100%;
      margin-bottom: 0;
      display: flex;
      flex-wrap: wrap;

      .el-form-item {
        width: auto;

        &.last-item {
          .el-form-item__content {
            width: auto;

            > * {
              width: auto;
            }
          }
        }

        .el-form-item__label {
          font-size: 12px;
          white-space: normal;
          flex-shrink: 0;
          width: auto !important;
        }

        .el-form-item__content {
          min-width: 200px;
          flex-grow: 1000;
          flex-shrink: 1;

          .right-parent {
            .bottom-parent {
              > * {
                width: 200px;
              }
            }
          }

          // .control {
          //   width: 100%;
          // }
        }
      }
    }
  }

  .list-table {
    padding: 0;
    flex-grow: 1000;
    display: flex;
    overflow: hidden;

    .table-all {
      display: flex;
      flex-grow: 1000;

      .table-main {
        display: flex;
        padding: 0;
        flex-grow: 1000;
        border: none;

        .el-table__header-wrapper {
          flex-shrink: 0;
        }

        .el-table__body-wrapper {
          overflow-y: auto;
        }
      }

      .table-footer {
        padding: 0;
        user-select: none;
        //解决页数选择器显示不全
        height: 35px !important;
        .el-page {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          // padding: 0.5rem 0 0;

          .el-pagination__total {
            font-size: 12px;
          }

          .el-pagination__sizes {
            font-size: 12px;

            .el-input {
              font-size: 12px;
            }
          }

          .el-pagination__jump {
            font-size: 12px;

            .el-input {
              font-size: 12px;
            }
          }

          .btn-prev,
          .btn-next {
            font-size: 12px;
            background-size: 12px;

            .el-icon {
              font-size: 12px;
            }
          }

          .el-pager {
            li {
              font-size: 12px;
              min-width: 30px;
              padding: 0 4px;
              height: 28px;
              line-height: 28px;

              &.more {
                &::before {
                  line-height: 28px;
                }
              }
            }
          }
        }
      }
    }
  }
}
